<%@ include file="/WEB-INF/views/includes.jsp"%>
<%@ page session="false"%>
<html>
<head>
<title>Home</title>


<style type="text/css">
<!--
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font: normal bold 15px auto "Trebuchet MS", Verdana, Arial, Helvetica,
		sans-serif;
	color: #4f6b72;
	background: #EDEAEA;
}

#nav {
	width: 200px;
	line-height: 24px;
	list-style-type: none;
	text-align: left;
}

#nav a {
	width: 200px;
	display: block;
	padding-left: 10px;
}

#nav li {
	background: #CAE8EA url(/resource/images/bg_header.jpg) no-repeat;
	border-bottom: #FFF 1px solid;
	float: left;
}

#nav li a:hover {
	background: #CC0000;
}

#nav a:link {
	color: #666;
	text-decoration: none;
}

#nav a:visited {
	color: #666;
	text-decoration: none;
}

#nav a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#nav li ul {
	list-style: none;
	text-align: left;
}

#nav li ul li {
	background: #EBEBEB;
}

#nav li ul a {
	padding-left: 20px;
	width: 200px;
}

#nav li ul a:link {
	color: #666;
	text-decoration: none;
}

#nav li ul a:visited {
	color: #666;
	text-decoration: none;
}

#nav li ul a:hover {
	color: #F3F3F3;
	text-decoration: none;
	font-weight: normal;
	background: #940;
}

#nav li:hover ul {
	left: auto;
}

#nav li.sfhover ul {
	left: auto;
}

#content {
	clear: left;
}

#nav ul.collapsed {
	display: none;
}

-->
#PARENT {
	width: 300px;
	padding-left: 0px;
	padding-top: 0px;
}
</style>


<script language="javascript">
	function redistrict(url) {
		parent.document.all['mainRightFrame'].src = url;
	}
</script>
</head>


<body>
	<div id="PARENT">
		<ul id="nav">
			<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')"><b>Category
						Management</b>
			</a>
				<ul id="ChildMenu1" class="collapsed">
					<li><a href=#
						onclick="redistrict('/category/listAll.do?flag=true')">Category
							List Management</a></li>
				</ul>
			</li>
			<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')"><b>Product
						Management</b>
			</a>
				<ul id="ChildMenu2" class="collapsed">
			</li>
			<li><a href=# onclick="redistrict('/product/listAll.do?flag=true')">Product List</a></li>
			<li><a href="#">Product Management001</a></li>

		</ul>
		</li>

		<li><a href="#"><b>Homepage Management</b>
		</a></li>
		</ul>
		</li>
		</ul>
	</div>

	<script type=text/javascript>
		var LastLeftID = "";

		function menuFix() {
			var obj = document.getElementById("nav").getElementsByTagName("li");

			for ( var i = 0; i < obj.length; i++) {
				obj[i].onmouseover = function() {
					this.className += (this.className.length > 0 ? " " : "")
							+ "sfhover";
				}
				obj[i].onMouseDown = function() {
					this.className += (this.className.length > 0 ? " " : "")
							+ "sfhover";
				}
				obj[i].onMouseUp = function() {
					this.className += (this.className.length > 0 ? " " : "")
							+ "sfhover";
				}
				obj[i].onmouseout = function() {
					this.className = this.className.replace(new RegExp(
							"( ?|^)sfhover\\b"), "");
				}
			}
		}

		function DoMenu(emid) {
			var obj = document.getElementById(emid);
			obj.className = (obj.className.toLowerCase() == "expanded" ? "collapsed"
					: "expanded");
			if ((LastLeftID != "") && (emid != LastLeftID)) {
				document.getElementById(LastLeftID).className = "collapsed";
			}
			LastLeftID = emid;
		}

		function GetMenuID() {

			var MenuID = "";
			var _paramStr = new String(window.location.href);

			var _sharpPos = _paramStr.indexOf("#");

			if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1) {
				_paramStr = _paramStr
						.substring(_sharpPos + 1, _paramStr.length);
			} else {
				_paramStr = "";
			}

			if (_paramStr.length > 0) {
				var _paramArr = _paramStr.split("&");
				if (_paramArr.length > 0) {
					var _paramKeyVal = _paramArr[0].split("=");
					if (_paramKeyVal.length > 0) {
						MenuID = _paramKeyVal[1];
					}
				}

			}

			if (MenuID != "") {
				DoMenu(MenuID)
			}
		}

		GetMenuID();
		menuFix();
	</script>

</body>



</html>
